<!-- Horizontal Form -->
<div class="box box-info">
	<!-- /.box-header -->
	<!-- form start -->
	<form class="form-horizontal">
		<div class="box-body">
			<div class="form-group">
				<label for="nameId" class="col-sm-2 control-label">参数名</label>

				<div class="col-sm-10">
					<input type="text" class="form-control" name="name" id="nameId"
						placeholder="名称">
				</div>
			</div>
			<div class="form-group">
				<label for="valueId" class="col-sm-2 control-label">参数值</label>
				<div class="col-sm-10">
					<input type="text" class="form-control" name="name" id="valueId"
						placeholder="名称">
				</div>
			</div>
			<div class="form-group">
				<label for="noteId" class="col-sm-2 control-label">描述</label>

				<div class="col-sm-10">
					<input type="text" class="form-control" name="note" id="noteId"
						placeholder="描述">
				</div>
			</div>
		</div>
		<!-- /.box-body -->

		<!-- /.box-footer -->
	</form>
</div>
<script type="text/javascript">
	$(function() {
		//模态框的保存按钮上注册事件
		$("#myModal").on("click", ".btn-save", doSaveOrUpdate)

		//注册模态框隐藏事件，当模态框隐藏时执行相关事件处理
		//如下代码可以参考模态框事件处理
		//不解绑事件可能会有重复提交的问题
		$('#myModal').on('hidden.bs.modal', function() {
			//移出模态框上面绑定的事件
			//of函数与on函数对应，都属于jQuery函数
			$("#myModal").off()
			$("#myModal").removeData();//添加时清楚模态框数据
		})
		var rowData = $("#myModal").data("rowData");
		//假如模态框有数据，通过此数据初始化
		if (rowData) {
			doInitEditFormData(rowData);
		}
	})
	function doInitEditFormData(rowData) {
		$("#nameId").val(rowData.name);
		$("#valueId").val(rowData.value);
		$("#noteId").val(rowData.note);
	}
	function doSaveOrUpdate() {
		//获取表单数据
		var params = doGetEditFormData();
		var rowData=$("#myModal").data("rowData");
		if(rowData)params.id=rowData.id;
		var insertUrl="config/doSaveObject.do";
		var updateUrl="config/doUpdateObject.do";
		//定义url
		var url = rowData?updateUrl:insertUrl;
		//异步提交url
		$.post(url, params, function(result) {
			if (result.state == 1) {
				alert(result.message)
				doGetObjects();
				$("#myModal").modal("hide")
			} else {
				alert(result.message);
			}
		})
	}
	function doGetEditFormData() {
		var params = {
			name : $("#nameId").val(),
			value : $("#valueId").val(),
			value : $("#noteId").val(),
		}
		return params;
	}
</script>







